<div id="section">
    <div class="con">
        <div ng-repeat="item in Hdata|limitTo:2"  class="">
            <!--推荐全部使用专题类型-->
            <div style="margin:15px;" ng-class="{'detaSugeArc':HdataDeatilBorder}">
                <!--//推荐无图片-->
                <div ng-click="jump('/detail/'+item.fileId)" ng-if="!item.picS&&!item.picM&&!item.picB" ng-cloak id="sigText" style="margin: 1.333rem 0;border-bottom: 1px solid #eee;padding: 0px 0 15px 0;">
                    <p style="margin-bottom: 1.333rem">{{item.title}}</p>
                    <div class="homeArtiText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
                    <!--<span class="badge badge-warning">{{item.colName}}</span>-->
                </div>
                <!--//推荐有图片-->
                <div ng-click="jump('/detail/'+item.fileId)" ng-if="item.picS||item.picM||item.picB">
                    <div class="homeSpecilLi" style="border-bottom: 1px solid #eee;padding: 0px 0 14px 0;">
                        <div class="homeSpecilLiCont">
                            <div>{{item.title}}</div>
                            <div class="homeSpecilLiContText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
                        </div>
                        <div class="homeSpecilLiImg homeSpecilLiImgTwo">
                            <img ng-click="showModelImg($index,$event)" ng-src="{{item.picS||item.picM||item.picB}}" class="img img-responsive">
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<style>
    .detailSuggTti{
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-height: 42px;
        overflow: hidden;
    }
    .detailSuggTti>div{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .detailSuggText{
        font-size: 13px;
        color: #999999;
        position: absolute;
        bottom: 0;
    }
    .detailSuggText span{
       margin-left: 10px;
    }
    .mulPicBox{
        overflow: hidden;
        padding: 15px 0;
    }
    .mulPic{
        float: left;
        width: 32%;
        height: 82px;
    }
    .mulPic2{
        margin: 0 4px;
    }
    .mulPic img{
        width: 100%;
        height: 100%;
    }
    .homeMutiTtile{
        font-size: 15px;
        color: #333333;
        font-weight: 400;
    }
    .homeMutiTtileTex{
        padding: 0 15px;
    }
    .mulPicBoxOuter{
        margin: 0 15px;
    }
    .homeArtiText span,.homeArtiText em{
        font-size: 13px;
        color: #999999;
    }
    .homeArtiText em{
        margin-right: 15px;
    }
    .mulPicFootText{
        font-size: 13px;
        color: #999999;
        padding-bottom: 15px;
    }
    .home_vedios{
        overflow: hidden;
        position: relative;
    }
    .homeVedioTitle{
        float: left;
        width: 60%;
    }
    .home_vedio_con{
        float: right;
    }
    .homeLiveInfo{
        padding:0 15px;
    }
    .homeLiveInfoPic{
        width: 100%;
        height:130px;
        margin: 15px 0;
    }
    .homeLiveInfoPic img{
        width: 100%;
        height:130px ;
    }
    .vedio_decription{
        position: absolute;
        bottom: 0;
    }
</style>
